<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
</head>
<body>
<!--侧边栏-->
<aside th:fragment="aside" style="margin-right: 0;">
    <link rel="stylesheet" href="/css/aside.css"/>
    <script src="/js/aside/aside.js"></script>
    <script src="/js/jQueryUI/jquery.ui.core.js"></script>
    <script src="/js/jQueryUI/jquery.ui.widget.js"></script>
    <script src="/js/jQueryUI/jquery.ui.position.js"></script>
    <script src="/js/jQueryUI/jquery.ui.menu.js"></script>
    <script src="/js/jQueryUI/jquery.ui.autocomplete.js"></script>
    <div class="my_header">
        <!--头像-->
        <div class="my_header_center">
            <img src="" class="my_image_header" th:if="${userInfo.phone}==null" alt="您还未登录!!"/>
            <img src="" class="my_image_header" th:if="${userInfo.phone}!=null" id="my_image_header"
                 th:src="${userInfo.avatar}" alt="欢迎您"/>
        </div>
        <div class="my_username">
            <input type="hidden" id="myId" th:value="${userInfo.id}"/>
            <div>
                <a th:if="${userInfo.name}==null" href="/login" class="myName clearfix" title="">
                    请先登录
                </a>
                <a th:if="${userInfo.name}!=null" th:text="${userInfo.name}"
                   class="myName clearfix"  th:title="${userInfo.name}">
                    请先登录
                </a>
            </div>

            <div style="font-size: .8em;margin-top: .5em;">
                <a th:if="${userInfo.phone}==null" href="/login"
                  class="clearfix myAutograph">
                    我的个性签名
                </a>

                <a th:if="${userInfo.phone}!=null" th:text="'简介：'+${userInfo.autograph}"
                   class="clearfix myAutograph">
                    我的个性签名
                </a>
            </div>
        </div>
    </div>
    <div class="my_action">
        <div class="my_action_home"><a href="/my" >我的说说：<span th:text="${asideInfo.comments}" id="num_critics"></span></a></div>
        <div class="my_action_home"><a href="/myAppraisal">我的评论：<span th:text="${asideInfo.appraisals}" id="num_comments"></span></a></div>
        <div class="my_action_favorite"><a href="/myCollection"> 我的收藏：<span th:text="${asideInfo.collections}" id="num_collections"></span></a></div>
        <div class="my_action_good"><a href="/myGoods"> 我的点赞：<span th:text="${asideInfo.goods}" id="num_goods"></span></a></div>
    </div>
    <div class="my_friends">
        <!--好友列表-->
        <div class="my_friends_list">
            关注列表
        </div>
        <ul th:each="o:${myFriends}">
            <li th:text="${o.name}" th:value="${o.id}" class="my_friends_li" th:title="${o.name}"></li>
            <span class="show_my_friends_btn" style="float: right">+</span>
            <li class="my_friends_btn">
                <div>
                    <button class="my_friends_close"  th:value="${o.fid}"
                            title="unsubscribe">×取关</button>
                    <button class="my_friends_message" th:value="${o.fid}">◇私信</button>
                    <button class="my_friends_information" th:value="${o.fid}">⊙详情</button>
                </div>
            </li>
        </ul>
    </div>
    <div class="all_search">
        <div class="my_friends_list">搜◎索</div>
        <div>
            <form action="/searchMovie" method="get" id="searchMovie">
                <input type="text" name="searchMovieName" class="search" placeholder="搜索" id="search"/>
            </form>
        </div>
        <div style="text-align: center">
            <img src="/image/movie.png" class="search_movie" title="搜索电影"/>
            <br/>
        </div>
    </div>
    <div class="show_message" style="display: none">

    </div>
</aside>
</body>
</html>
